<template>
  <div class="goodsList flex flex-wrap flex-around">
    <div v-for="item in goodsList" :key="item.id">
      <goods :item="item"></goods>
    </div>
<!--    <div class="blank" v-if="goodsList.length%2!==0"></div>-->
  </div>
</template>

<script>

import Goods from "./goods";

export default {
  name: "goodsList",
  components: {Goods},
  props:{
    goodsList:{
      type:Array
    }
  },
}

</script>

<style scoped>
.goodsList {
  margin: .4rem 0 .4rem 0;
}

.blank {
  width: 4.5rem;
}
</style>